    <script type="text/javascript">
	function showAjaxModal(url)
	{
		// SHOWING AJAX PRELOADER IMAGE
		jQuery('.m-new').show('fast');
		
		// LOADING THE AJAX MODAL
		
		
		// SHOW AJAX RESPONSE ON REQUEST SUCCESS
		jQuery.ajax({
			url: url,
			success: function(response)
			{
				/*console.log( 'before now time :-' + new Date($.now())  );
				setTimeout(function() {
					console.log( 'now time :-' + new Date($.now())  );*/
						  jQuery('#modal_ajax .modal-body').html(response);						  
						  jQuery('#modal_ajax').modal('show', {backdrop: 'true'});
						  jQuery('.m-new').hide('fast');
					//}, 7000);
				
			}
		});
	}
	function showAjaxModal1(url)
	{
		// SHOWING AJAX PRELOADER IMAGE
		jQuery('.m-new').show('fast');
		
		// LOADING THE AJAX MODAL
		
		
		// SHOW AJAX RESPONSE ON REQUEST SUCCESS
		jQuery.ajax({
			url: url,
			success: function(response)
			{
					
						  jQuery('#modal_ajax').modal('show', {backdrop: 'true'});
						   jQuery('.m-new').hide('fast');
						  jQuery('#modal_ajax .modal-body').html(response);						  
						 
					//}, 7000);
				
			}
		});
	}
	</script>
    
    <!-- (Ajax Modal)-->
    <div class="modal fade" id="modal_ajax">
        <div class="modal-dialog" >
            <div class="modal-content">
                
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title">MOdal Title</h4>
                </div>
                
                <div class="modal-body" style="max-height:500px; overflow:auto;">
                
                    
                    
                </div>
                
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
    
    
    
    
    <script type="text/javascript">
	function confirm_modal(delete_url , post_refresh_url,num)
	{
		if (typeof num === "undefined" || num === null ) { 
				num = '0'; 
			  }
		$('#preloader-delete').html('');
		jQuery('#modal_delete').modal('show', {backdrop: 'static'});
		document.getElementById('delete_link').setAttribute("onClick" , "delete_data('" + delete_url + "' , '" + post_refresh_url + "',"+num+")" );
		document.getElementById('delete_link').focus();
	}
	function confirm_modal1(delete_url)
	{
		$('#preloader-delete').html('');
		jQuery('#modal_delete').modal('show', {backdrop: 'static'});
		document.getElementById('delete_link').setAttribute("href" , delete_url );
		document.getElementById('delete_link').focus();
	}
	</script>
    
    <!-- (Normal Modal)-->
    <div class="modal fade" id="modal_delete">
        <div class="modal-dialog">
            <div class="modal-content" style="margin-top:100px;">
                
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" style="text-align:center;">Are you sure to Publish this Exam ?</h4>
                </div>
                
                
                <div class="modal-footer" style="margin:0px; border-top:0px; text-align:center;">
					<div class="alert alert-danger fade in">
						<strong>Danger!</strong> After publishing you wont be able to add questions.
					</div>
                	<span id="preloader-delete"></span>
                    </br>
                	  <a class="btn btn-danger" id="delete_link" href="">Publish</a>
                    <button type="button" class="btn btn-info" data-dismiss="modal" id="delete_cancel_link">Cancel</button>
                    
                </div>
            </div>
        </div>
    </div>
	<!-- (Normal Modal)-->
    <div class="modal fade" id="check_resources">
        <div class="modal-dialog">
            <div class="modal-content" style="margin-top:100px;">
                
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" style="text-align:center;">There are some resources atteched with this category...</h4>
                </div>
                
                
                <div class="modal-footer" style="margin:0px; border-top:0px; text-align:center;">
                	<span id="preloader-delete"></span>
                    </br>
                    <button type="button" class="btn btn-info" data-dismiss="modal">Close</button>
                    
                </div>
            </div>
        </div>
    </div>
	<!-- (Normal Modal)-->
    <div class="modal fade" id="project_resources">
        <div class="modal-dialog">
            <div class="modal-content" style="margin-top:100px;">                
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" style="text-align:center;">There are some Projects atteched with this resource...</h4>
                </div>                
                <div class="modal-footer" style="margin:0px; border-top:0px; text-align:center;">
                	<span id="preloader-delete"></span>
                    </br>
                    <button type="button" class="btn btn-info" data-dismiss="modal">Close</button>                    
                </div>
            </div>
        </div>
    </div>